<script setup lang="ts">
  import { onMounted, ref } from "vue"
  import { ElMessage, ElMessageBox } from 'element-plus'
  import type { UploadProps, UploadUserFile, UploadRawFile, UploadInstance } from 'element-plus'
  import { genFileId } from 'element-plus'

  import ThreeXt from "@/views/three-xt.vue"
  import ThreeFyj from "@/views/three-fyj.vue"
  import ThreePs from "@/views/three-ps.vue"
  import ThreePs2 from "@/views/three-ps2.vue"

  onMounted(() => {})

</script>

<template>
  <div style="width: 100%;height: 100%">
    <!--<div class="box">-->
    <!--  <ThreeFyj />-->
    <!--</div>-->
    <div class="box">
      <ThreeXt />
    </div>
    <div class="box">
      <!--<ThreePs2 />-->
    </div>
    <div class="box">
      <!--<ThreePs />-->
    </div>
  </div>
</template>

<style scoped lang="scss">
  .box {
    display: inline-block;
    width: 100%;
    height: 500px;
    overflow: hidden;
    margin-top: 10px;
  }
</style>